<!-- 地址列表 -->
<template>
    <div class='navTop addressList'>
      <van-nav-bar title="收货地址" right-text="新增地址" left-arrow fixed class="loginNav" @click-left="onClickLeft" @click-right="onClickRight"/>

      <div class="list">
        <div class="cell">
          <div class="name">谢一号&nbsp;&nbsp;13852647523</div>
          <div class="details">
            <div class="tag">默认</div>广东省 深圳市 南山区 第二街道科技园大冲商务中心C座1005室
          </div>
          <img src="@/static/icon/bj.png" class="edit"  @tap="edit">
        </div>
        <div class="cell">
          <div class="name">谢一号&nbsp;&nbsp;13852647523</div>
          <div class="details">
            <div class="tag">默认</div>广东省 深圳市 南山区 第二街道科技园大冲商务中心C座1005室
          </div>
          <img src="@/static/icon/bj.png" class="edit" @tap="edit">
        </div>
      </div>
    </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight(){
      uni.navigateTo({
        url: "edit?edit=0"
      });
    },
    edit(){
      uni.navigateTo({
        url: "edit?edit=1"
      });
    }
  },
}
</script>
<style lang='less' scoped>
.addressList{
  background: #f5f5f5;
  min-height: 100vh;
}

.list{
  .cell{
    margin-top: 20upx;
    padding: 20upx 30upx;
    background: #fff;
    position: relative;
    .name{font-size: 28upx;color: #000}
    .details{font-size: 22upx;color: #3D3D3D;width: 570upx;
      .tag{display:inline-block;width: 60upx;height: 24upx;color: #fff;font-size: 16upx;text-align: center;
        margin-right: 10upx;vertical-align: middle;line-height: 24upx;background: rgb(255, 116, 51)
      }
    }
    .edit{width: 46upx;height: 46upx;position: absolute;right: 30upx;top: 64upx}
  }
}
</style>